$font-size:75;
@function rem ($px){
  @return $px / $font-size * 1rem;
}

//背景图片路径定义
$background-image-theme1: "/theme-one"; //背景图片路径1
$background-image-theme2: "/theme-two"; //背景图片路径2
$background-image-theme3: "/theme-three"; //背景图片路径3
@mixin bg-image($location, $path) {
  background: url($location + "/images" + $path) no-repeat center; //默认时的color
  background-size: 100% 100%;

  [data-theme="theme-one"] & {
    background: url($location + "/images" + $background-image-theme1 + $path) no-repeat center;
    background-size: 100% 100%;
  }

  [data-theme="theme-two"] & {
    background: url($location + "/images" + $background-image-theme2 + $path) no-repeat center;
    background-size: 100% 100%;
  }

  [data-theme="theme-three"] & {
    background: url($location + "/images" + $background-image-theme3 + $path) no-repeat center;
    background-size: 100% 100%;
  }
}
//文字颜色定义
$font-color-theme1: #eb523c; //文字主题颜色1
$font-color-theme2: #2f74eb; //文字主题颜色2
$font-color-theme3: #2DA7B5; //文字主题颜色3

@mixin font-color($color) {
  color: $color; //默认时的color

  [data-theme="theme-one"] & {
    color: $font-color-theme1 !important;
  }

  [data-theme="theme-two"] & {
    color: $font-color-theme2 !important;
  }

  [data-theme="theme-three"] & {
    color: $font-color-theme3 !important;
  }
}

@mixin border-color($num, $type, $color) {
  border: $num $type $color; //默认时的

  [data-theme="theme-one"] & {
    border: $num $type $font-color-theme1;
  }

  [data-theme="theme-two"] & {
    border: $num $type $font-color-theme2;
  }

  [data-theme="theme-three"] & {
    border: $num $type $font-color-theme3;
  }
}
//三级主题颜色定义
$the-background-color-theme1: #FEF6F5; //三级主题背景主题颜色1
$the-background-color-theme2: #F6F9FF; //三级主题背景主题颜色2
$the-background-color-theme3: #EFFBFC; //三级主题背景主题颜色3

@mixin votebg-color($color) {
  background-color: $color; //默认时的color

  [data-theme="theme-one"] & {
    background-color: $the-background-color-theme1;
  }

  [data-theme="theme-two"] & {
    background-color: $the-background-color-theme2;
  }

  [data-theme="theme-three"] & {
    background-color: $the-background-color-theme3;
  }
}
p{
  margin: 0;
}
